.header{
  width: 100%;
  background:#fff;
  .header-top{
    width: 100%;
    height:30px;
    background:#e8e9ea;
    .top-cont{
      width: 1200px;
      margin:0 auto;
      font-family: "Microsoft YaHei","Hiragino Sans GB";
      -webkit-font-smoothing: antialiased;
      ul{
        li{
          float:right;
          line-height: 30px;
          font-size: 12px;
          padding: 0 10px;
          font-weight: normal;
          color: #3e3d43;
          position: relative;

          a{
            color: #3e3d43;
            transition:all 0.3s;
            &:hover{
              color: #ca0813;
            }
          }
          .aboutewm{
            position: absolute;
            width:100px;
            left: -8px;
            height:100px;
            display: none;
          }
          .appdown{
            position: absolute;
            width:100px;
            left: -8px;
            height:100px;
            display: none;
          }
        }
        li:nth-child(3){
          &:hover .aboutewm{
            display: block;
          }
        }
        li:nth-child(1){
          &:hover .appdown{
            display: block;
          }
        }
      }
    }
  }
  .header-cont{
    width: 1230px;
    margin: 0 auto;
    height: 82px;
    .NewLOGO{
      float:left;
      width: 266px;
      height:84%;
      margin-top:12px;
    }

    .search-cont{
      margin-top:24px ;
      margin-left:170px;
      .search-hint{
        margin-left: 60px;

        li{
          float:left;
          margin: 4px 8px;
          color:#8c8c8c;
          font-size: 12px;
        }
      }
        .search-panel{
          margin: 0 auto;
          display: block;
          //height: 100px;
          width: 500px;
          line-height: 100px;

          form{
            //height: 100px;
            width: 100%;
            input{
              float:left;
              height: 30px;
              width: 298px;
              //margin: 35px 0;
              font-size: 12px;
              padding: 0 15px;
              background-color: #fff;
              color: #828282;
              border:1px solid #3e3d43;
            }
            select{
              float:left;
              outline: none;
              height: 32px;
              font-size: 12px;
              line-height: 30px;
              //margin-top: 35px;
              border-radius:0;
              //width: 62px;
              padding:0 8px;
              border: #3e3d43 1px solid;
              border-right:none;

              display: inline-block;
              -webkit-appearance: none ;
              -moz-appearance: none;



            }
          }
          span{

            float:left;
            color: #fff;
            height: 32px;
            line-height: 32px;
            //margin-top: 35px;
            width: 60px;
            text-align: center;



            cursor: pointer;
            overflow: hidden;
            display: block;
            font-size: 12px;
            //border: 1px solid @blue;
            background-color: #3e3d43;
          }
        }
    }

  }
}
.nav{
  width: 100%;
  margin-top:6px;
  background:#3e3d43;
  height: 42px;
  .nav-cont{
    height: 100%;
    width: 1230px;
    margin: 0 auto;
    .nav-left{
      background: #313035;
      height: 100%;
      float:left;
      width: 270px;
      margin-left:10px;
      position: relative;
      z-index: 100;
      &:hover .nav-absolute{
        visibility: visible;
        right: 0;
        top:42px;
        opacity: 1;
      }
      &:hover .down{
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transform:rotate(180deg);
        -ms-transform:rotate(180deg); /* Internet Explorer */
        -moz-transform:rotate(180deg); /* Firefox */
        -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
        -o-transform:rotate(180deg); /* Opera */

      }
      .nav-absolute{
        visibility: hidden;
        opacity: 0;
        top:30px;
        right: 0;
        position: absolute;
        width: 266px;
        -webkit-transition: top 0.3s, left 0.3s,visibility 0.1s,opacity 0.4s ease-in-out;
        -moz-transition: top 0.3s, left 0.3s,visibility 0.1s,opacity 0.4s ease-in-out;
        -ms-transition: top 0.3s, left 0.3s,visibility 0.1s,opacity 0.4s ease-in-out;
        transition: top 0.3s, left 0.3s,visibility 0.1s,opacity 0.4s ease-in-out;
        ul{
          li{
            a{
              color:#000;
            }
            padding-left: 44px;
            line-height: 42px;
            font-weight: 100;
            -moz-transition: all 0.7s ;
            -webkit-transition: all 0.7s ;
            -o-transition: all 0.7s ;
            transition: all 0.7s;

            &:hover a{
              color:#ca0813;
            }
          }
          li:nth-child(2n-1){
            background: #f7f6f2;
          }
          li:nth-child(2n){
            background: #fcfcfa;
          }
        }
      }
      .nav-menu{
        color: #fff;
        padding: 8px 10px;
        i{
          font-size: 28px;
          color: #fff;
        }
      }
      .font{
        color: #fff;
        font-size:16px;
        font-weight: 100;
        line-height: 42px;
      }
      .down{
        color: #fff;
        padding: 12px 10px;
        transform:rotate(0deg);
        -ms-transform:rotate(0deg); /* Internet Explorer */
        -moz-transform:rotate(0deg); /* Firefox */
        -webkit-transform:rotate(0deg); /* Safari 和 Chrome */
        -o-transform:rotate(0deg); /* Opera */

        i{
          font-size: 18px;
          color: #fff;
        }
      }

    }
    .nav-right{
      float:left;
      height:100%;
      margin-left: 20px;



      ul{
        li{
          float:left;
          height: 100%;
          line-height: 42px;

          font-weight: 100;

          width: 120px;
          text-align: center;
          transition: all 0.3s;
          a{
            color:#fff;
          }
          //&:hover{
          //  background:#ed4259;
          //  //box-shadow: 1px 1px 0px 1px #ca0813;
          //}

        }
        .nav-active{
          background:#bf2c24;
        }
      }
    }
  }
}